<template>
<!-- 首页块标题头部 更多 -->
  <div class="head-title-box" >
    <p @click="more">
      <span class="head-title">{{title}}</span>
      <i v-if="isMore"></i>
    </p>
  </div>
</template>
<script>
export default {
  props: {
    title:{
     type: String,
     default: '正在直播'
      },
    isMore: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {};
  },
  methods: {
    more() {
      this.$emit("more");
    }
  }
};
</script>
<style scoped>
.head-title-box{
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 32px;
    line-height: 50px;
}
.head-title-box p{
  display: flex;
  align-items: center;

}
.head-title-box span{
    font-size: 36px;
    font-weight: 500;
    color:#333333;
}
.head-title-box i{
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-left: 8px;
    margin-bottom: 2px;
    background: url('../../assets/images/zhxyk/home/more.png') no-repeat;
    background-size:100% 100%;
}
</style>

